import React,{useState} from "react";
import { NavBar, Space, Toast } from 'antd-mobile'
import { SendOutline, HeartOutline } from 'antd-mobile-icons'
import { useNavigate } from "react-router-dom";
import { Menu } from 'antd';
import '../css/lxklist.css'
export default function CShow() {
    const Navigate = useNavigate()
    const right = (
        <div style={{ fontSize: 24 }}>
            <Space style={{ '--gap': '16px' }}>
                <HeartOutline />
                <SendOutline />
            </Space>
        </div>
    )

    const back = () => {
        Navigate('/lxklist')
    }
    const items = [
        {
            label: '公司信息',
            key: '/lxkcshow',
        },
        {
            label: '在招职位',
            key: '/lxkpshow',
        }
    ]

    const [current, setCurrent] = useState('/lxkcshow');
    const onClick = (e) => {
        setCurrent(e.key);
    };



    return (
        <div>
            <div className="back">
                <NavBar right={right} onBack={back}>
                    企业详情
                </NavBar>
            </div>
            <div className="menu">
                <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} style={{marginLeft:'1rem',fontSize:'0.2rem'}} />;
            </div>
            <div className="lun">
                
            </div>
        </div>
    )
}